<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="UTF-8">
    <link href="../css/test.css" rel="stylesheet">
    <title>Item Info</title>
</head>
<body>
<header th:replace="common/top.html"></header>
<section class="content">
    <main>
        <div class="container">
            <div>
                <table class="table table-bordered table-striped table-hover" id="item">
                    <tr>
                        <td>Item Id</td>
                        <td>productId</td>
                        <td>listPrice</td>
                        <td>unitCost</td>
                        <td>supplier</td>
                        <td>status</td>
                    </tr>
                    <tr>
                        <td th:text="${item.itemId}"></td>
                        <td th:text="${item.productId}"></td>
                        <td th:text="${item.listPrice}"></td>
                        <td th:text="${item.unitCost}"></td>
                        <td th:text="${item.supplierId}"></td>
                        <td th:text="${item.status}"></td>
                    </tr>
                </table>

                <a th:href="@{/item/editItem(itemId = ${item.itemId})}" class="text-right" name="editItem" id="editItem"
                   style="size: A4">edit item</a>
            </div>
        </div>
    </main>
</section>
<header th:replace="common/bottom.html"></header>

</body>
</html>